<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0">
    <title>熊猫格子</title>
    <link rel="stylesheet" type="text/css" href="../../static/css/index/book_recycle.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/css/common_0320.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/css/weui.min.css"/>
</head>
<body ontouchstart>
<div class="body" id="body">
    <div class="info">
        <div class="info1">
            <span class="icon">1</span>
            扫描书籍背后的条码
        </div>
        <div class="info1 info2">
            <span class="icon">2</span>
            确认订单，打包书籍
        </div>
        <div class="info1 info3" style="padding-left: 17px">
            <span class="icon">3</span>
            等待快递联系上门取书
        </div>
    </div>
</div>

<div class="bg"></div>

<div class="code_bg">
    <img src="../../static/img/buttom/mai3.png" class="icon_img pop_isbn_box">
    <img src="../../static/img/buttom/mai2.png" class="icon_img question" style="width: 26px">
    <div class="isbn_scan">
        <img src="../../static/img/buttom/maishu.png"/>
        <p class="text1">扫码卖书</p>
    </div>
</div>

<div class="bottom">
    <div class="home">
        <img src="../../static/img/buttom/home_2.png"/>
        <span class="btnname">首页</span>
    </div>
    <div class="buybook">
        <img src="../../static/img/buttom/sell_1.png"/>
        <span class="btnname on">卖书</span>
    </div>
    <!--<div class="buybook">
        <div class="circlebg">
            <img src="../../static/img/buttom/buybook.png" style="box-shadow: -1px 3px 8px rgba(153, 153, 153, 0.96);"/>
        </div>
        &lt;!&ndash;<span class="btnname on">卖书</span>&ndash;&gt;
    </div>-->
    <div class="car">
        <img src="../../static/img/buttom/car_2.png"/>
        <span class="num" id="shopping" style="display: none"></span>
        <span class="btnname">购物车</span>

    </div>
    <div class="mine">
        <img src="../../static/img/buttom/mine_2.png"/>
        <span class="btnname">我的</span>
    </div>
</div>
<div class="welcome_popup pop_bg"></div>
<div class="welcome_popup pop_content">
    <div class="img_content">
        <img src="../../static/img/active/index_welcome.png" style="width: 100%;height: 100%"/>
        <p class="go_btn welcomeGo_btn">新手指南</p>
        <img class="close_btn welcomeClose_btn" src="../../static/img/active/close.png" width="35" height="35"/>
    </div>
</div>
<div class="share_popup pop_bg"></div>
<div class="share_popup share_content">
    <div class="img_content">
        <img src="../../static/img/active/share_bg.png" style="width: 100%;height: 100%"/>
    </div>
    <div class="info_box">
        <div class="text">
            <p class="discount_title">换书劵</p>
            <p class="discount_time">有效期至：xxxx年xx月xx日</p>
        </div>
        <div class="img">
            <img src="../../static/img/discount/book_exchange.png"/>
        </div>
        <div style="clear: both"></div>
    </div>
    <div class="info_box month_free" style="display: none">
        <div class="text">
            <p class="discount_title">借阅月卡</p>
            <p class="discount_time">海量图书免费借阅</p>
        </div>
        <div style="clear: both"></div>
    </div>
    <img class="close_btn shareClose_btn" src="../../static/img/active/close.png" width="35" height="35"/>
</div>
<div class="fail_popup">
    <div class="fail_bg"></div>
    <div class="fail_content">
        <img class="content_img" src="../../static/img/panda.png">
        <p class="text">抱歉！熊猫格子</p>
        <p class="text">暂时不收这本书</p>
        <p class="fail_btn">换本试试</p>
        <img class="fail_close" src="../../static/img/close.png">
    </div>
</div>
<div style="display: none">
    <script src="https://s22.cnzz.com/z_stat.php?id=1267301812&web_id=1267301812" language="JavaScript"></script>
</div>
</body>
<script type="text/javascript" src="../../static/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="../../static/js/jquery.lazyload.js"></script>
<script type="text/javascript" src="../../static/js/weui.min.js"></script>
<script type="text/javascript" src="../../static/js/core/underscore.js"></script>
<script type="text/javascript" src="../../static/js/core/util.js"></script>
<script type="text/javascript" src="../../static/js/core/ocean.js"></script>
<script type="text/javascript" src="../../static/js/recycle.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script>
    var jssdk = new ocean_jssdk();
    var isbn_box = new isbnBox(isbn_box_callback);
    $(function () {

        if (isbn_box.isEmpty()) {
            jssdk.init();
        } else {
            location.href = "../order/recover/code.html";
        }

        $(".isbn_scan").on("click", function () {
            if (!ocean.getLoginUserId()) {
                ocean.showLogin();
            } else {
                jssdk.scanIsbn(isbn_box.checkBookIsbn);
            }
        });

        $(".pop_isbn_box").on("click", function () {
            if (!ocean.getLoginUserId()) {
                ocean.showLogin();
            } else {
                isbn_box.show();
            }
        });
    });

    function isbn_box_callback(isbn, book) {
        location.href = "../order/recover/code.html";
    }

    $(".home").on("click", function () {
        location.href = "../../index.html";
    });
    $(".find").on("click", function () {
        location.href = "book_store.html";
    });
    $(".car").on("click", function () {
        location.href = "shopping_car.html";
    });
    $(".mine").on("click", function () {
        location.href = "mine.html";
    });
    $(".buybook").on("click", function () {
        location.href = "book_recycle.html";
    });

    $(".question").on("click", function () {
        location.href = "../my/question.html";
    });

    $(".fail_btn").on("click", function () {
        $('.fail_popup').hide()
    });
    $(".fail_close").on("click", function () {
        $('.fail_popup').hide()
    });
</script>
</html>
